<template>
  <svg
    t="1753954282182"
    class="add-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4161"
    :width="size"
    :height="size"
  >
    <path
      d="M512 464c88 0 160-72 160-160S600 144 512 144s-160 72-160 160 72 160 160 160z m224 288v-96c0-17.6 14.4-32 32-32s32 14.4 32 32v96h96c17.6 0 32 14.4 32 32s-14.4 32-32 32h-96v96c0 17.6-14.4 32-32 32s-32-14.4-32-32v-96h-96c-17.6 0-32-14.4-32-32s14.4-32 32-32h96z m-16-244.8c9.6 6.4 16 16 16 27.2 0 17.6-14.4 32-32 32-6.4 0-11.2-1.6-16-4.8-43.2-22.4-91.2-33.6-144-33.6h-64c-176 0-320 144-320 320 0 17.6 14.4 32 32 32h384c17.6 0 32 14.4 32 32s-14.4 32-32 32H192c-52.8 0-96-43.2-96-96 0-174.4 116.8-321.6 276.8-368-51.2-41.6-84.8-104-84.8-176 0-123.2 100.8-224 224-224s224 100.8 224 224c0 70.4-33.6 134.4-84.8 176 24 6.4 48 16 68.8 27.2z"
      fill="#dbe1e4"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "AddFriendIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .add-icon {
    display: inline-block;
  }
</style>
